$(window).load(function(){
    // jquery ui slider
    function repositionTooltip( e, ui ){
        var div = $(ui.handle).data("tooltip").$tip[0];
        var pos = $.extend({}, $(ui.handle).offset(), { width: $(ui.handle).get(0).offsetWidth,
            height: $(ui.handle).get(0).offsetHeight
        });

        var actualWidth = div.offsetWidth;

        tp = {left: pos.left + pos.width / 2 - actualWidth / 2}
        $(div).offset(tp);

        $(div).find(".tooltip-inner").text( ui.value );
    }

    $("#slider").slider({ value: 15, slide: repositionTooltip, stop: repositionTooltip });
    $("#slider .ui-slider-handle:first").tooltip("show");

    $("#slider12").slider({ value: 15, slide: repositionTooltip, stop: repositionTooltip });
    $("#slider12 .ui-slider-handle:first").tooltip("show");

    $("#slider13").slider({ value: 15, slide: repositionTooltip, stop: repositionTooltip });
    $("#slider13 .ui-slider-handle:first").tooltip("show");
});
